<!DOCTYPE html>
<html dir="ltr">

<head>
  <meta charset="UTF-8">
  <title>Range - Standalone</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <script src="/dist/ionic.js"></script>
</head>

<body>
  <ion-range value="20"></ion-range>
  <ion-range value="60" color="light"></ion-range>
  <ion-range value="80" color="dark"></ion-range>
  <ion-range pin="true" color="secondary" value="86">
    <ion-icon size="small" name="ios-sunny-outline" slot="start"></ion-icon>
    <ion-icon name="ios-sunny" slot="end"></ion-icon>
  </ion-range>
  <ion-range pin="true" color="danger" value="54">
    <ion-icon size="small" name="ios-thermometer-outline" slot="start"></ion-icon>
    <ion-icon name="ios-thermometer" slot="end"></ion-icon>
  </ion-range>
</body>
</html>
